BODY {
  background: url(/images/background.jpg);
  background-repeat: repeat-y;
  background-position: center;
  background-attachment: scroll;
  color: #666;
/*  background-color: #e6e6e6;/*normal-gray*/
  background-color: black;
  margin: 0px;
  font: 16px normal 1em Times New Roman,Times,Georgia,serif;
}

ul{
text-align: left;
}

#container {
width: 910px;
}

.pagecell {
background: white;
}


a {
/*font-weight: bold;*/
text-decoration: none;
color: #88a;
}

a:active, a:focus {
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
}

a:hover { color: #800; }

.footer {
margin-top: 10px;
}

input.pager { /*For the comments pager - which is a button*/
color: #404040;
/*background-color: #6666aa;*/
border: 0px solid #bbbbbb;
background: #888 url(/images/buttonbg.png) repeat-x;
width: 28px;
padding:1px;margin:0 1px 0 0;
}
input.pagerselected { /*For the comments pager - which is a button*/
color: black;
/*background-color: #0000aa;*/
border: 1px solid #666666;
background: #888 url(/images/buttonbgs.png) repeat-x;
width: 28px;
padding:0px;margin:0 0 0 -1px;
}

div.pager {
height:36px;
background: url(/images/menu_back.png) repeat-x;
/*display:table-cell;*/
vertical-align:bottom;
padding: 8px 0px 6px 0px;
/*background: #f0f0f0;
border: 3px solid #f8f8f8;
background: url(/images/innerback.jpg);
background: url(/images/menu_back.png);
background: #000;
color: #505050;*/
border-top: 0px solid #88a;
border-bottom: 0px solid #88a;
margin-top:0px;/*WAS 10*/
margin-bottom:10px;
color: white;
text-align: center;
font-size: 12px;
}

select.pager{
vertical-align: top; /*INTERNET EXPLORER HACK*/
margin-top: -3px;
}
a.pager {
font: 12px normal;
color: #404040;
/*background-color: #66a;*/
border: 1px solid #888;
background: #888 url(/images/buttonbg.png) repeat-x;
width: 38px;
padding:0px;margin:1px 1px 0px 0px;
}
a.pagerselected {
font: 13px normal;
color: black;
/*background-color: #aaa;*/
border: 1px solid #000;
background: #888 url(/images/buttonbgs.png) repeat-x;
width: 38px;
padding:1px;margin:1px 1px 0px 0px;
}
span.firstlast {
font: 13px normal;
margin: 1px 5px 0 0;
padding:1px;
}
a.firstlast {
font: 13px normal;
background: #888 url(/images/buttonbgs.png) repeat-x;
color: black;
}

#menu
{
height:36px;
background: url(/images/menu_back.png);
position: relative;
display: block;
width: auto;
border: 0px;
padding: 0px;
text-align: center;
/*height: 33px;*/
}

#menu ul
{
list-style-type: none;
list-style: none;
height: 30px;
padding: 0pt;
margin: 0pt;
float: left;
}

#menu li {
display:inline;
}

#menu ul li a
{
float: left;
text-decoration: none;
/*color: #787878;*/
color: white;
font: bold 12px "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
font-size-adjust: none;
font-stretch: normal;
margin: 4px 10px 0 10px;
line-height: 23px;
}

/* Fix IE. Hide from IE Mac \*/
#menu html ul li { float: left; }
#menu html ul li a { height: 1%; }
/* End */

#menu ul li a:hover
{
text-decoration: none;
color: #f88i;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ed1b23;
}

form#searchForm input.submit
{
background-color: transparent;
background: url(/images/header/search.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 50%;
background-y-position: 50%;
border: 0px;
margin: 1px 3px 0 3px;
padding: 0px 0 0 0;
cursor: pointer;
outline-color: invert;
outline-style: none;
outline-width: 0px;
height: 20px;
width: 30px;
}

form#searchForm div
{
text-align: right;
font-size: 0px;
padding: 5px 30px 0 0;
margin: 0 0 0 0;
}

div.heading {
font: normal 24px Georgia,Times New Roman,Times,serif;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
padding-top: 0.75em;
padding-bottom: 0.75em;
text-align: center;
}

div.textview { /*For the biography and home text, a margin frame to put the text in*/
margin: 10px 30px 15px 30px;
}
div.textview a { /*Different, more conventional link style to biography*/
/*text-decoration: underline;
font-weight: normal;*/
}

span.blockhead {
font-family: Georgia,Times New Roman,Times,serif;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: #666;
text-align: center;
clear: both;
font-style: italic;
white-space: nowrap;
position: relative;
/*padding: 0 25px 0 -25px;*/
}

div.block {
border: 1px solid #ccc;
background: #eee;
width: 140px;
text-align: center;
font-size: 14px;
color: #666;
padding: 10px 0 15px 0;
}

div.pnblock {
border: 1px solid #ccc;
background: #eee;
width: 190px;
height:130px;
text-align: center;
font-size: 1em;
color: #666;
padding: 10px 0 15px 0;
}

div.pnblock a {
color: #666
}

.artist_name {
font: condensed 10px Georgia,Times New Roman,Times,serif;
color: #666;
}

a.pname { /*Painting's name*/
font: ultra-condensed 12px Georgia,Times New Roman,Times,serif;
color: #666;
}

a.prevnext, span.prevnext { /*Text over prev/next buttons*/
font: normal 9px Georgia,Times New Roman,Times,serif;
color: #666;
}

a.acblock {
font: normal 12px Georgia,Times New Roman,Times,serif;
color: #666;
padding: 6px 0 0 0;
text-decoration: none;
}

input.mailinput { /*eCard, Contact us page*/
width: 240px;
}

input.acinput {
width: 136px;
}

img.acimage { /*Actionsblock icons*/
border: 0;
margin: 0px 3px 6px 3px;
float: left;
/*height: 13px;
width: 14px;*/
}
img.shimage { /*The shortcut icons below the image*/
border: 0;
margin: 0px 3px 0px 3px;
vertical-align: middle;
}

td.shortcut {
text-align: center;
float: center;
border: 0px;
background-color: transparent;
background-image: url(../../images/grfk_photoIconLinks_bg.gif);
background-repeat: no-repeat;
display: block;
width: 170px;
height: 29px;
padding-left: 10px;
}

td.shortcut2 {
background-image: url(../../images/grfk_photoIconLinks_bg.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right top;
padding-left: 0px;
padding-right: 5px;
height: 29px;
}

div.separator {
border-bottom: 1px dashed #a0a0a0;
}

td.comment_top {
background-image: url(../../images/comment_top.gif);
border: 0px;
margin: 0px;
font-size: 8px;
}
td.comment {
border: 0px;
background: #f3f3f3;
margin: 0px;
padding: 5px 20px 5px 20px;
font: normal 1em Georgia,Times New Roman,Times,serif;
font-style: italic;
text-align: left;
}
td.comment_bottom {
background-image: url(../../images/comment_bottom.gif);
/*background-position: right top*/
background-position: right -8px;
background-repeat: no-repeat;
border: 0px;
margin: 0px;
font: normal 13px Georgia,Times New Roman,Times,serif;
font-style: italic;
text-align: left;
}

/*div.pnblock a {
font-weight: bold;
text-decoration: none;
color: #0066cc;
}*/

a.bold {
font-weight: bold;
text-decoration: none;
color: #0066cc;
}

td.inf {
width: 40%;
font-weight: bold;
padding: 5px 15px 5px 0;
text-align: right;
}

td.inf2 {
width: 60%;
text-align: left;
}

table.grid {
width: 100%;
margin-left: 2px;
}

td.grid {
/*width:25%;*/
/*border: 0 1px 1px 0 solid #808080;*/
/*padding: 1px 1px 0 0;*/
border-collapse: collapse;
color: #ccc;
text-align: center;
font-size: 10pt;
border-top-color: #eee;
border-left-color: #eee;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #eee;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eee;
vertical-align: top;
width: 25%;
}

table.grid tbody td + td + td + td
{
border-right-width: 0px;
border-right-style: none;
}

h1 {
text-align: center;
font: normal 24px Georgia,Times New Roman,Times,serif;
padding: 5px 0 0px 0;
}

h2 {
text-align: center;
font: normal 20px Georgia,Times New Roman,Times,serif;
padding: 4px 0 0px 0;
}

h3 {
text-align: center;
font: normal 16px Georgia,Times New Roman,Times,serif;
padding: 3px 0 0px 0;
}

h4 {
text-align: center;
font: normal 14px Georgia,Times New Roman,Times,serif;
padding: 2px 0 0px 0;
}

h5 {
text-align: center;
font: normal 12px Georgia,Times New Roman,Times,serif;
padding: 1px 0 0px 0;
}

h6 {
text-align: center;
font: normal 10px Georgia,Times New Roman,Times,serif;
padding: 2px 0 0px 0;
}

IMG {
/*border: 0px;
padding: 0px;
margin: 0px;*/
}

div.block hr {
color: #fff;/*because of EXPLORER*/
background-color: #fff;/*because of FIREFOX*/
height: 1px;/*because of OPERA*/
width: 100%;
}

IMG.dia {
margin: 5px;
padding: 1px;
border: 6px solid #888;
background: #e1e1e1;
}

IMG.dia_large {
margin: 5px 5px 0px 5px;
padding: 4px;
border: 10px solid #888;
background: #e1e1e1;
}

FORM {
padding:0px;
margin:0px;
border:0px;
}

INPUT, SELECT {
/*border: 1px solid black;
padding:0px;
margin:0 0 0 0;
height:18px;*/
}

a.artist_name {
font-size:13px;
color:#111;
}

/* styles for the star rater */
.rating {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  text-align: left;
  position: relative;
  background: url(/images/rate.gif) top left repeat-x;
  float:left;
}


.rating li {
  padding: 0px;
  margin: 0px;
  /*\*/
  float: left;
  /* */
}

#content .rating a, #content .rating a:hover{
  border: 0px none;
}

.rating li a {
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
}

.rating li a:hover {
  background: url(/images/rate.gif) left bottom;
  z-index: 2;
  left: 0px;
}

a.r1 { left: 0px; }
a.r1:hover { width: 20px; }
a.r2 { left: 20px;}
a.r2:hover { width: 40px; }
a.r3 { left: 40px; }
a.r3:hover { width: 60px; }
a.r4 { left: 60px; }
a.r4:hover { width: 80px; }
a.r5 { left: 80px; }
a.r5:hover { width: 100px; }

.rating li a span { display: none; }

.rating li a:hover span {
  color: #515151;
  display: block;
  text-indent: 0;
  font-weight: bold;
  position: absolute;
  top: 20px;
  margin: 0;
  padding: 4px;
  width: 100px;
  text-align:center;
}

.rating li.current-rating {
  background: url(/images/rate.gif) left center;
  position: absolute;
  height: 20px;
  display: block;
  text-indent:-9999px; /* Hide the current rating text */
  z-index: 1;
}

div.slide {
margin: 0 20px 20px 20px;
padding: 20px;
text-align: center;
}

a.alinkhead {
text-align:left;
font: bold 16px Georgia,Times New Roman,Times,serif;
color: white;
background-color: #678;
padding:2px 20px 2px 20px;
}

div.alinkcontent {
text-align:left;
padding: 10px 10px 20px 30px;
margin-bottom:10px;
border: 3px solid #678;
background-color:#eee;
}

a.alinkexchange {
font: bold 20px Georgia,Times New Roman,Times,serif;
text-decoration: underline;
text-align:center;
}

/* ANNOTATIONS */
.annotation.person {
	color: blue;
}

.annotation.object {
	color: red;
}

.annotation.location {
	color: green;
}

.annotation.organization {
	color: purple;
}

a span.annotation_features {
	display: none;
}
a:hover {
	position: relative;
}
a:hover span.annotation_features {
	display: block;
	width: 300px;
   	position: absolute; top: 10px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 0.9;
	/* end formatting */
}
a:hover span.annotation_features {
	top: 10px; left: 0;
}
